/* =========================================================
   DESKTOP OVERRIDES
   
========================================================= */

  .hero-service-card{
    right: 80PX;
    /* انتقال به سمت راست برج */
    margin-right: 0;
    margin-left: 10px;  /* فاصله از برج (۱۰px) */
  }
 

  .hero-logo img{
    width: 80.00006103515625px;
    height: 16.1419734954834px;
    opacity: 1;
    left: 24px;
  }

  .Header-Line{
    width: 145.00001560745773;
    opacity: 1;
    top: 41.99px;
    left: 10px;
    border-width: 1px;
    margin-left: 60px;
  }

  .hero-btn-start{
    width: 134px;
    height: 48px;
    opacity: 1;
    top: 264px;
    left: 24px;
    border-radius: 20px;
    padding-top: 12px;
    padding-right: 20px;
    padding-bottom: 12px;
    padding-left: 20px;
    gap: 8px;
    /*text*/
    font-family: Avenir;
    font-weight: 500;
    font-style: Medium;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
  }

  .hero-kicker{
    font-family: Avenir;
    font-weight: 400;
    font-style: Roman;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 100%;
    letter-spacing: 0px;
  }

  .hero-title{
    font-family: Avenir;
    font-weight: 900;
    font-style: Black;
    font-size: 36px !important;
    line-height: 100%;
    letter-spacing: 0px;
  }

  .hero-subtitle{ 
    max-width: 320px;
    font-family: Avenir;
    font-weight: 400;
    font-style: Roman;
    font-size: 18px;
    line-height:  2rem !important;
    letter-spacing:0px;
  }
  .hero-services-list{
  top: var(--services-top);
  right: var(--services-right);
  gap: 7px;
}
/*------------------------------------- Start Default value-------------------------------------------------*/
.hero-service-icon:nth-child(1){ --icon-x: var(--icon1-x); }
.hero-service-icon:nth-child(2){ --icon-x: var(--icon2-x); }
.hero-service-icon:nth-child(3){ --icon-x: var(--icon3-x); }
.hero-service-icon:nth-child(4){ --icon-x: var(--icon4-x); }
.hero-service-icon:nth-child(5){ --icon-x: var(--icon5-x); }
.hero-service-icon:nth-child(6){ --icon-x: var(--icon6-x); }
.hero-service-icon:nth-child(7){ --icon-x: var(--icon7-x); }

:root{
     /* hero services positioning */
    --services-top: 250px;
    --services-right: 273px;

    /* icon horizontal offsets */
    --icon1-x: 45px;
    --icon2-x: 28px;
    --icon3-x:18px;
    --icon4-x: 5px;
    --icon5-x: -5px;
    --icon6-x: -10px;
    --icon7-x: -15px;
  } 
.hero {
  background-image: url("../../img/LaptopSmall-992–1199.webp");
    background-position: top center;
    min-height: 750px;
  }
 /* =========================================================
   MOBILE OVERRIDES
   این فایل فقط برای همین بازه‌های دیوایس لود میشه.
   نکته: بلوک‌های کامنت‌شده رو بعد از تست، از کامنت دربیار.
========================================================= */
 
 
  .hero-services-list{
  top: var(--services-top);
  right: var(--services-right);
  gap: 7px;
}
.hero-nav-pill .nav-link {

  color: black !important;
}
/*------------------------------------- Start Default value-------------------------------------------------*/
.hero-service-icon:nth-child(1){ --icon-x: var(--icon1-x); }
.hero-service-icon:nth-child(2){ --icon-x: var(--icon2-x); }
.hero-service-icon:nth-child(3){ --icon-x: var(--icon3-x); }
.hero-service-icon:nth-child(4){ --icon-x: var(--icon4-x); }
.hero-service-icon:nth-child(5){ --icon-x: var(--icon5-x); }
.hero-service-icon:nth-child(6){ --icon-x: var(--icon6-x); }
.hero-service-icon:nth-child(7){ --icon-x: var(--icon7-x); }

:root{
     /* hero services positioning */
    --services-top: 270px;
    --services-right: 238px;

    /* icon horizontal offsets */
    --icon1-x: 45px;
    --icon2-x: 28px;
    --icon3-x:18px;
    --icon4-x: 5px;
    --icon5-x: -5px;
    --icon6-x: -10px;
    --icon7-x: -15px;
  }
     .hero-header{margin-bottom: 10px !important;}
  
 
   .cu-title{
    font-size: 28px !important;
    margin-bottom: 30px;
    font-weight: 500 !important;
  }
      .cu-label, .cu-value {
        font-size: 16px;
        line-height: 1.35;
    }
  /*------------------------------------- End Default value-------------------------------------------------*/
  /*=================================End Base =========================================*/
 
 
/*=================== START: Laptop Small | 992–1199 ===================*/
/* Devices: لپ‌تاپ‌های کوچک، نت‌بوک، 13 اینچ */

/*=================== START: Laptop Small Step | 992–996 ===================*/
@media (min-width: 992px) and (max-width: 996.98px){
  :root{ --services-top: 220px; --services-right: 340px; }
}
/*=================== END: Laptop Small Step | 992–996 ===================*/

/*=================== START: Laptop Small Step | 997–1001 ===================*/
@media (min-width: 997px) and (max-width: 1001.98px){
  :root{ --services-top: 220px; --services-right: 342px; }
}
/*=================== END: Laptop Small Step | 997–1001 ===================*/

/*=================== START: Laptop Small Step | 1002–1006 ===================*/
@media (min-width: 1002px) and (max-width: 1006.98px){
  :root{ --services-top: 220px; --services-right: 344px; }
}
/*=================== END: Laptop Small Step | 1002–1006 ===================*/

/*=================== START: Laptop Small Step | 1007–1011 ===================*/
@media (min-width: 1007px) and (max-width: 1011.98px){
  :root{ --services-top: 220px; --services-right: 344px; }
}
/*=================== END: Laptop Small Step | 1007–1011 ===================*/

/*=================== START: Laptop Small Step | 1012–1016 ===================*/
@media (min-width: 1012px) and (max-width: 1016.98px){
  :root{ --services-top: 220px; --services-right: 344px; }
}
/*=================== END: Laptop Small Step | 1012–1016 ===================*/

/*=================== START: Laptop Small Step | 1017–1021 ===================*/
@media (min-width: 1017px) and (max-width: 1021.98px){
  :root{ --services-top: 220px; --services-right: 345px; }
}
/*=================== END: Laptop Small Step | 1017–1021 ===================*/

/*=================== START: Laptop Small Step | 1022–1026 ===================*/
@media (min-width: 1022px) and (max-width: 1026.98px){
  :root{ --services-top: 220px; --services-right: 346px; }
}
/*=================== END: Laptop Small Step | 1022–1026 ===================*/

/*=================== START: Laptop Small Step | 1027–1031 ===================*/
@media (min-width: 1027px) and (max-width: 1031.98px){
  :root{ --services-top: 220px; --services-right: 347px; }
}
/*=================== END: Laptop Small Step | 1027–1031 ===================*/

/*=================== START: Laptop Small Step | 1032–1036 ===================*/
@media (min-width: 1032px) and (max-width: 1036.98px){
  :root{ --services-top: 220px; --services-right: 348px; }
}
/*=================== END: Laptop Small Step | 1032–1036 ===================*/

/*=================== START: Laptop Small Step | 1037–1041 ===================*/
@media (min-width: 1037px) and (max-width: 1041.98px){
  :root{ --services-top: 220px; --services-right: 349px; }
}
/*=================== END: Laptop Small Step | 1037–1041 ===================*/

/*=================== START: Laptop Small Step | 1042–1046 ===================*/
@media (min-width: 1042px) and (max-width: 1046.98px){
  :root{ --services-top: 220px; --services-right: 345px; }
}
/*=================== END: Laptop Small Step | 1042–1046 ===================*/

/*=================== START: Laptop Small Step | 1047–1051 ===================*/
@media (min-width: 1047px) and (max-width: 1051.98px){
  :root{ --services-top: 220px; --services-right: 346px; }
}
/*=================== END: Laptop Small Step | 1047–1051 ===================*/

/*=================== START: Laptop Small Step | 1052–1056 ===================*/
@media (min-width: 1052px) and (max-width: 1056.98px){
  :root{ --services-top: 220px; --services-right: 345px; }
}
/*=================== END: Laptop Small Step | 1052–1056 ===================*/

/*=================== START: Laptop Small Step | 1057–1061 ===================*/
@media (min-width: 1057px) and (max-width: 1061.98px){
  :root{ --services-top: 220px; --services-right: 346px; }
}
/*=================== END: Laptop Small Step | 1057–1061 ===================*/

/*=================== START: Laptop Small Step | 1062–1066 ===================*/
@media (min-width: 1062px) and (max-width: 1066.98px){
  :root{ --services-top: 220px; --services-right: 347px; }
}
/*=================== END: Laptop Small Step | 1062–1066 ===================*/

/*=================== START: Laptop Small Step | 1067–1071 ===================*/
@media (min-width: 1067px) and (max-width: 1071.98px){
  :root{ --services-top: 220px; --services-right: 347px; }
}
/*=================== END: Laptop Small Step | 1067–1071 ===================*/

/*=================== START: Laptop Small Step | 1072–1076 ===================*/
@media (min-width: 1072px) and (max-width: 1076.98px){
  :root{ --services-top: 220px; --services-right: 348px; }
}
/*=================== END: Laptop Small Step | 1072–1076 ===================*/

/*=================== START: Laptop Small Step | 1077–1081 ===================*/
@media (min-width: 1077px) and (max-width: 1081.98px){
  :root{ --services-top: 220px; --services-right: 342px; }
}
/*=================== END: Laptop Small Step | 1077–1081 ===================*/

/*=================== START: Laptop Small Step | 1082–1086 ===================*/
@media (min-width: 1082px) and (max-width: 1086.98px){
  :root{ --services-top: 220px; --services-right: 344px; }
}
/*=================== END: Laptop Small Step | 1082–1086 ===================*/

/*=================== START: Laptop Small Step | 1087–1091 ===================*/
@media (min-width: 1087px) and (max-width: 1091.98px){
  :root{ --services-top: 230px; --services-right: 351px; }
}
/*=================== END: Laptop Small Step | 1087–1091 ===================*/

/*=================== START: Laptop Small Step | 1092–1096 ===================*/
@media (min-width: 1092px) and (max-width: 1096.98px){
  :root{ --services-top: 230px; --services-right: 340px; }
}
/*=================== END: Laptop Small Step | 1092–1096 ===================*/

/*=================== START: Laptop Small Step | 1097–1101 ===================*/
@media (min-width: 1097px) and (max-width: 1101.98px){
  :root{ --services-top: 230px; --services-right: 341px; }
}
/*=================== END: Laptop Small Step | 1097–1101 ===================*/

/*=================== START: Laptop Small Step | 1102–1106 ===================*/
@media (min-width: 1102px) and (max-width: 1106.98px){
  :root{ --services-top: 230px; --services-right: 342px; }
}
/*=================== END: Laptop Small Step | 1102–1106 ===================*/

/*=================== START: Laptop Small Step | 1107–1111 ===================*/
@media (min-width: 1107px) and (max-width: 1111.98px){
  :root{ --services-top: 230px; --services-right: 341px; }
}
/*=================== END: Laptop Small Step | 1107–1111 ===================*/

/*=================== START: Laptop Small Step | 1112–1116 ===================*/
@media (min-width: 1112px) and (max-width: 1116.98px){
  :root{ --services-top: 232px; --services-right: 335px; }
}
/*=================== END: Laptop Small Step | 1112–1116 ===================*/

/*=================== START: Laptop Small Step | 1117–1121 ===================*/
@media (min-width: 1117px) and (max-width: 1121.98px){
  :root{ --services-top: 232px; --services-right: 336px; }
}
/*=================== END: Laptop Small Step | 1117–1121 ===================*/

/*=================== START: Laptop Small Step | 1122–1126 ===================*/
@media (min-width: 1122px) and (max-width: 1126.98px){
  :root{ --services-top: 232px; --services-right: 337px; }
}
/*=================== END: Laptop Small Step | 1122–1126 ===================*/

/*=================== START: Laptop Small Step | 1127–1131 ===================*/
@media (min-width: 1127px) and (max-width: 1131.98px){
  :root{ --services-top: 232px; --services-right: 338px; }
}
/*=================== END: Laptop Small Step | 1127–1131 ===================*/

/*=================== START: Laptop Small Step | 1132–1136 ===================*/
@media (min-width: 1132px) and (max-width: 1136.98px){
  :root{ --services-top: 232px; --services-right: 330px; }
}
/*=================== END: Laptop Small Step | 1132–1136 ===================*/

/*=================== START: Laptop Small Step | 1137–1141 ===================*/
@media (min-width: 1137px) and (max-width: 1141.98px){
  :root{ --services-top: 232px; --services-right: 331px; }
}
/*=================== END: Laptop Small Step | 1137–1141 ===================*/

/*=================== START: Laptop Small Step | 1142–1146 ===================*/
@media (min-width: 1142px) and (max-width: 1146.98px){
  :root{ --services-top: 232px; --services-right: 332px; }
}
/*=================== END: Laptop Small Step | 1142–1146 ===================*/

/*=================== START: Laptop Small Step | 1147–1151 ===================*/
@media (min-width: 1147px) and (max-width: 1151.98px){
  :root{ --services-top: 232px; --services-right: 331px; }
}
/*=================== END: Laptop Small Step | 1147–1151 ===================*/

/*=================== START: Laptop Small Step | 1152–1156 ===================*/
@media (min-width: 1152px) and (max-width: 1156.98px){
  :root{ --services-top: 232px; --services-right: 333px; }
}
/*=================== END: Laptop Small Step | 1152–1156 ===================*/

/*=================== START: Laptop Small Step | 1157–1161 ===================*/
@media (min-width: 1157px) and (max-width: 1161.98px){
  :root{ --services-top: 240px; --services-right: 325px; }
}
/*=================== END: Laptop Small Step | 1157–1161 ===================*/

/*=================== START: Laptop Small Step | 1162–1166 ===================*/
@media (min-width: 1162px) and (max-width: 1166.98px){
  :root{ --services-top: 240px; --services-right: 326px; }
}
/*=================== END: Laptop Small Step | 1162–1166 ===================*/

/*=================== START: Laptop Small Step | 1167–1171 ===================*/
@media (min-width: 1167px) and (max-width: 1171.98px){
  :root{ --services-top: 240px; --services-right: 327px; }
}
/*=================== END: Laptop Small Step | 1167–1171 ===================*/

/*=================== START: Laptop Small Step | 1172–1176 ===================*/
@media (min-width: 1172px) and (max-width: 1176.98px){
  :root{ --services-top: 240px; --services-right: 328px; }
}
/*=================== END: Laptop Small Step | 1172–1176 ===================*/

/*=================== START: Laptop Small Step | 1177–1181 ===================*/
@media (min-width: 1177px) and (max-width: 1181.98px){
  :root{ --services-top: 240px; --services-right: 329px; }
}
/*=================== END: Laptop Small Step | 1177–1181 ===================*/

/*=================== START: Laptop Small Step | 1182–1186 ===================*/
@media (min-width: 1182px) and (max-width: 1186.98px){
  :root{ --services-top: 240px; --services-right: 330px; }
}
/*=================== END: Laptop Small Step | 1182–1186 ===================*/

/*=================== START: Laptop Small Step | 1187–1191 ===================*/
@media (min-width: 1187px) and (max-width: 1191.98px){
  :root{ --services-top: 240px; --services-right: 328px; }
}
/*=================== END: Laptop Small Step | 1187–1191 ===================*/

/*=================== START: Laptop Small Step | 1192–1196 ===================*/
@media (min-width: 1192px) and (max-width: 1196.98px){
  :root{ --services-top: 240px; --services-right: 329px; }
}
/*=================== END: Laptop Small Step | 1192–1196 ===================*/

/*=================== START: Laptop Small Step | 1197–1199 ===================*/
@media (min-width: 1197px) and (max-width: 1199.98px){
  :root{ --services-top: 240px; --services-right: 330px; }
}
/*=================== END: Laptop Small Step | 1197–1199 ===================*/

/*=================== END: Laptop Small | 992–1199 ===================*/